<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#">Pizzas SoleMio </a>            
            <div class="nav-collapse collapse">  
                <p class="navbar-text pull-right">                
                    Ingreso como:
                    <a href="<?php echo $this->Html->url(array('controller' => 'Users', 'action' => 'salemoso')) ?>" class="navbar-link"><?php echo $datosMoso['User']['nombre']; ?></a>
                </p>    
                <ul class="nav">
                    <li>
                        <a href="#">
                            <?php
                            $dias = array("Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sábado");
                            $meses = array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
                            echo $dias[date('w')] . " " . date('d') . " de " . $meses[date('n') - 1] . " del " . date('Y');
                            //Salida: Viernes 24 de Febrero del 2012
                            ?>
                        </a>
                    </li>                    
                </ul> 
                              
            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>
<div class="container-fluid">

    <div class="row-fluid">    
        <div class="span12">
        <div class="span8">
        <div class="hero-unit">	   

                <ul class="nav nav-tabs" id="myTab">
                    <?php $c = 1; ?>
                    <?php foreach ($ambientes as $a): ?>                                        	
                        <?php if ($c == 1): ?>
                            <li class="active">
                                <a href="#<?php echo $a['Ambiente']['id']; ?>"><?php echo $a['Ambiente']['nombre']; ?></a>
                            </li>	
                        <?php else: ?>
                            <li>
                                <a href="#<?php echo $a['Ambiente']['id']; ?>"><?php echo $a['Ambiente']['nombre']; ?></a>
                            </li>
                        <?php endif; ?>
                        <?php $c++; ?>				
                    <?php endforeach; ?>
                </ul>
                <div class="tab-content">              
                    <?php $c = 1; ?>  
                    <?php foreach ($ambientes as $a): ?>
                        <?php if ($c == 1): ?>                                                            
                            <div class="tab-pane active" id="<?php echo $a['Ambiente']['id']; ?>">
                            <?php else: ?>
                                <div class="tab-pane" id="<?php echo $a['Ambiente']['id']; ?>">
                                <?php endif; ?>
                                <?php foreach ($mesas as $m): ?>
                                    <?php if ($m['Mesa']['ambiente_id'] == $a['Ambiente']['id']): ?>
                                        <?php if ($m['Mesa']['estado'] == 0): ?>                                       
                                            <a href="#" class="btn <?php echo ($m['Mesa']['estado'] == 1) ? 'btn-success' : 'btn-warning' ?>" id="bt_<?php echo $m['Mesa']['id']; ?>">
                                                <?php echo $this->Html->image('mesa.png'); ?>
                                                <h3><?php echo $m['Mesa']['nombre']; ?></h3>
                                            </a>
                                            <div id="dialog_<?php echo $m['Mesa']['id']; ?>" title="Pedidos de la Mesa" style="float: left;">

                                            </div>
                                            <script>
                                                $("#bt_<?php echo $m['Mesa']['id']; ?>").click(function() {
                                                    //alert("Handler for .click() called.");
                                                    //Console.log("son"+<?php //echo $m['Mesa']['id'];  ?>+" "+<?php //echo $idMoso;  ?>)
                                                    $("#dialog").load('<?php echo $this->Html->url(array('controller' => 'Pedidos', 'action' => 'detallepedido', $m['Mesa']['id'], $idMoso)); ?>');
                                                });
                                            </script>
                                        <?php else: ?>
                                            <a href="<?php echo $this->Html->url(array('controller' => 'Pedidos', 'action' => 'moso', $idMoso, $m['Mesa']['id'], 0)); ?>" class="btn <?php echo ($m['Mesa']['estado'] == 1) ? 'btn-success' : 'btn-warning' ?>">
                                                <?php echo $this->Html->image('mesa.png'); ?>
                                                <h3><?php echo $m['Mesa']['nombre']; ?></h3>
                                            </a>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                <?php endforeach; ?>
                            </div>					
                            <?php $c++; ?>
                        <?php endforeach; ?>
                    </div>
                    <!--/span-->                       
                    <script>
                        $("#myTab a").click(function(e) {
                            e.preventDefault();
                            $(this).tab('show');
                        })
                        //$("#dialog").dialog();
                    </script>
                </div>
            </div>
            <div class="span4" id="dialog">
         <h4>Actualiza detalle del pedido</h4>
         Seleccione la mesa que esta atendiendo
        </div>
        </div> <!-- fin de contenedor mesas-->           
        
        </div><!-- fin de contenedor-->    
        <!--/row-->
        <hr />
        <footer>
            <p>
                Desarrollado por LabWare.
            </p>
        </footer>
    </div>
    <!--/.fluid-container-->